<script setup></script>
<script></script>

<header></header>
<template>
  <router-view></router-view>
</template>

<style>
@font-face {
  font-family: "PingFang SC";

  src: url("@/assets/font/PingFang Medium.otf") format("opentype");

  font-weight: normal;
  font-style: normal;
}

body {
  height: 100%;
  background-color: #f4f4f4; /*#beff28;*/
  background-position: center; /*设置图片的位置*/
  background-size: cover;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;

  color: black;
}

#app {
  display: grid;
}

header {
  display: flex;
  place-items: center;
  padding-right: calc(var(--section-gap) / 2);
}

header .wrapper {
  display: flex;
  place-items: flex-start;
  flex-wrap: wrap;
}
</style>
